<!DOCTYPE html>
<html  xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/html">
<head th:replace="layouts::header">
</head>
<body>
<div th:replace="layouts::navbar">
</div>
<div class="container">
    <div class="row">
    <div class="col-md-6">
        <canvas id="myBarChart" height="50" width="50"></canvas>
        <script>
            let charData = "[[${teacherEducation}]]"
        </script>
    </div>
    <div class="col-md-6">
        <canvas id="myPieChart" height="50" width="50"></canvas>
        <script>
            let charData1 = "[[${studentGender}]]"
        </script>
    </div>

</div>
</div>
<script type="text/javascript" th:src="@{js/myChart.js}"></script>
</body>
</html>